import React from 'react';
import { Timeline } from 'antd';
import ReactMarkdown from 'react-markdown';


class ChangeLogLine extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: '## 更新日志\n' +
      '### 2016.12.2\n' +
      '* Table控件更新\n' +
      '* 镜像状态&数据绑定-镜像列表按照名称排序\n' +
      '* 主题管理-可以根据主题名筛选\n' +
      '### 2016.11.30\n' +
      '* 数据绑定-树形选择增加搜索功能\n' +
      '* 文件大小-显示B、KB、MB、GB单位\n' +
      '* 数据搜索-点击搜索结果，在详情界面增加绑定功能\n' +
      '### \n' +
      '### 2016.11.28\n' +
      '* 新增markdown更新日志\n' +
      '* 数据详情-添加字典表关联\n' +
      '* 主题管理-按钮风格修改\n' +
      '* 镜像管理-树形列表添加滚动条\n' +
      '* 数据搜索-添加表格所属库标示\n'
    };
  }

  render() {
    return (
      <div>
        <ReactMarkdown source={this.state.input} escapeHtml={true}/>
      </div>
    );
  }
}

export default ChangeLogLine;
